/**
 * @ author: 汪孟苹
 */
@charset "utf-8";
/***************** 公共类 *****************/
i {
	font-style: normal;
}
li {
	list-style: none;
}
.mt5 {
	margin-top: .5rem;
}
.mt10 {
	margin-top: 1rem;
}
.mr5 {
	margin-right: 0.5rem;
}
.pl0 {
	padding-left: 0;
}
.bd-bom-ddd {
	border-bottom: 1px solid #ddd; 
}
.color-9 {
	color: #999;
}
.color-green {
	color: green;
}
.color-white {
	color: white;
}
.clear {
	clear: both;
}
.position-re {
	position: relative;
}
/* 单行省略 */
.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
/* 点击arrow滚动 复用 */
.showBox {
	background: #fff;
}
.showBox > div {
	padding-left: 0;
	padding-right: 0;
}
.showBox > div.col-md-1,
.showBox > div.col-sm-1 {
	color: #55C7AD;
	text-align: center;
}
.show-container {
	width: 100%;
	overflow: hidden;
}
.show-wrapper {
	position: relative;
}
.show-wrapper div.row {
	float: left;
	text-align: center;
}
.show-wrapper div.row + div.row {
	border-left: solid 1px #eee;
}
@media (max-width: 1024px) {
	.show-wrapper div.row {
		width: 120px;
	}
}
.show-wrapper div.row.active {
	background: #55C7AD;
	color: #fff;
}

/* 问卷样式 */

/* 问卷title样式 */
/* 不带图标 */
.qaCard-subtit {
	/* margin: 5px 0 15px; */
	margin: 1px  15px;
	padding: 0;
    color: #4f6e7e;
}
.qaCard-groupCollapse .qaCard-subtit {
	cursor: pointer;
}
/* .qaCard-subtit > div {
	border-left: 3px solid #55c8ac;
	padding-left: 10px;
	font-size: 15px;
	line-height: 25px;
} */
.qaCard-subtit > div>span {
	border-left: 3px solid #55c8ac;
	padding-left:5px;
	font-size: 15px;
	line-height: 25px;
}
.qaCard-subtit > div > span + i {}
/* 带图标 */
.qaCard-subtit.has-icon {
	margin: 0 0 1em 0;
    padding: 0.6em;
    color: #94A3B5;
    border-bottom: 1px dotted #94A3B5;
}
.qaCard-subtit.has-icon > div {
    border-left: none;
    padding-left: 0;
    line-height: 21px;
}
.qaCard-subtit.has-icon > div > span {
    padding-left: .6em;
}
/* end 问卷title样式 */

.qaCard.form-group {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	/* margin-bottom: 10px; */
	margin-bottom:4px;
	font-size: 12px;
}
.qaCard .control-label {
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 9em;  /* 8+1 */
	color: #4f6e7e;
	line-height: 1.66666666;
}
.qaCard-subtit.left {
	text-align: left;
}
.qaCard-subtit.right {
	text-align: right;
}
.qaCard .control-label.left {
	text-align: left;
}
.qaCard .control-label.center {
	text-align: center;
}
.qaCard .control-label.right {
	text-align: right;
}
.qaCard .control-label i.not-null {
    margin-right: 4px;
    font-size: 16px;
    color: red;
    vertical-align: middle;
}
.qaCard .control-input {
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-left: 9em;
}
.qaCard .checkbox,
.qaCard .radio {
	/* min-height: 36px; */
	min-height: 27px;
}
.qaCard .checkbox label,
.qaCard .radio label {
	padding-top: 0px;
	line-height: 1.66666666;
}
.qaCard .radio .radio-inline,
.qaCard .checkbox .checkbox-inline {
	margin-left: 10px;
}
.qaCard input[type='text'],
.qaCard input[type='tel'],
.qaCard input[type='date'],
.qaCard select,
.qaCard p.form-control-static:not(.form-control-static-textarea) {
	min-height: 36px;
	overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}
.qaCard p.form-control-static.form-control-static-textarea {
	min-height: 66px;
	overflow-y: auto;
}
.qaCard p.form-control-static {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.66666666;
}

/* images图片题型 begin */
.qaCard-image {
	float: left;
	margin-right: 1%;
	width: 24%;
	max-width: 200px;
	min-width: 110px;
}
.qaCard-image.mb5 {
	margin-bottom: 5px;
}
.qaCard-image img {
	width: 100%;
	height: auto;
	border:solid 1px #ddd;
}
.qaCard-image span {
	display: block;
	width: 100%;
	height: 2em;
	line-height: 2em;
	text-align: center;
}
/* end images图片题型 */
/* calc题型（输入框有icon图标）题型 begin */
.qaCard-inputGroup .input-group-btn button{
	padding: 7px 12px;
	color: #55C7AD;
}
.qaCard-inputGroup .input-group-btn button.btn-default:hover,
.qaCard-inputGroup .input-group-btn button.btn-default:focus {
    background-color: #e6e6e6;
    border-color: #ccc;
}
.curveModal .modal-body {
	min-height: 470px;
}
.curveModal .modal-body .curve {
	width: 568px;
	height: 470px;
}
/* 提醒 变黄 */
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #ff8300;
}
.has-warning .form-control {
  border-color: #ff8300;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #ff9600;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffaa33;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffaa33;
}
.has-warning .input-group-btn button{
	color: #ff8300;
	background-color: #fcf8e3;
	border-color: #ff8300;
}
.has-warning .input-group-btn button.btn-default:hover,
.has-warning .input-group-btn button.btn-default:focus {
    background-color: #ff8300;
    border-color: #ff8300;
    color: #fff;
}
/* end calc题型（输入框有icon图标）题型 */
/* multiSelect题型 begin */
.qaCard-multiSelect .multiple,
.qaCard-multiSelect .multiple select,
.qaCard-multiSelect .multiple p.form-control-static{
	float: left;
}
.qaCard-multiSelect .multiple span{
	display: block;
	float: left;
	text-align: center;
	line-height: 36px;
}
/* multiSelect题型 end */
/* multiText题型 begin */
.qaCard-multiText .multiple,
.qaCard-multiText .multiple input,
.qaCard-multiText .multiple p.form-control-static{
	float: left;
}
.qaCard-multiText .multiple span{
	display: block;
	float: left;
	text-align: center;
	line-height: 36px;
}
/* multiText题型 end */
/* question_multiTextSelect题型 begin */
.qaCard-multiTextSelect .multi-text-select {
	float: left;
	padding-right: 5px;
}
.qaCard-multiTextSelect .multi-text-select input,
.qaCard-multiTextSelect .multi-text-select > p.form-control-static:first-child {
	float: left;
	width: 50%;
}
.qaCard-multiTextSelect .multi-text-select select,
.qaCard-multiTextSelect .multi-text-select p.form-control-static:last-child {
	float: right;
	width: calc(50% - 5px);
}
/* end question_multiTextSelect题型 */
/* 自动完成题型(根据手机号查找患者) begin */
.qaCard-autocomplete {	
	position: relative;
}
.qaCard-autocomplete .patientsList {
	display: none;
    position: absolute;
    top: 36px;
    left: 7px;
    z-index: 111;
    width: calc(100% - 14px);
    border: solid 1px #ddd;
    background: #fff;
}
.qaCard-autocomplete .patientsList ul {
    padding: 0px 0;
    margin-bottom: 0;
}
.qaCard-autocomplete .patientsList ul > li {
    line-height: 1.5;
    color: #666;
    text-align: center;
    cursor: pointer;
}
.qaCard-autocomplete .patientsList ul > li:hover {
    background: #f2f2f2;
} 
.qaCard-autocomplete .patientsList ul > li.addPatientBtn {
    color: #38B0BB;
}
.qaCard-autocomplete .patientsList ul > li.addPatientBtn i{
    margin-right: 5px;
}
.qaCard-autocomplete .patientsList ul > li > span.girl {
    color: #FF668F;
}
.qaCard-autocomplete .patientsList ul > li > span.boy {
    color: #33AEEC;
}
/* 自动完成题型(根据手机号查找患者) end */
/* begin (label的长度动态变化) */
.grid-label-0 .control-label {
	width: 0;
}
.grid-label-0 .control-input {
	margin-left: 0;
}
.grid-label-1 .control-label {
	width: 2em;
}
.grid-label-1 .control-input {
	margin-left: 2em;
}
.grid-label-2 .control-label {
	width: 3em;
}
.grid-label-2 .control-input {
	margin-left: 3em;
}
.grid-label-3 .control-label {
	width: 4em;
}
.grid-label-3 .control-input {
	margin-left: 4em;
}
.grid-label-4 .control-label {
	width: 5em;
}
.grid-label-4 .control-input {
	margin-left: 5em;
}
.grid-label-5 .control-label {
	width: 6em;
}
.grid-label-5 .control-input {
	margin-left: 6em;
}
.grid-label-6 .control-label {
	width: 7em;
}
.grid-label-6 .control-input {
	margin-left: 7em;
}
.grid-label-7 .control-label {
	width: 8em;
}
.grid-label-7 .control-input {
	margin-left: 8em;
}
.grid-label-8 .control-label {
	width: 9em;
}
.grid-label-8 .control-input {
	margin-left: 9em;
}
.grid-label-9 .control-label {
	width: 10em;
}
.grid-label-9 .control-input {
	margin-left: 10em;
}
.grid-label-10 .control-label {
	width: 11em;
}
.grid-label-10 .control-input {
	margin-left: 11em;
}
.grid-label-11 .control-label {
	width: 12em;
}
.grid-label-11 .control-input {
	margin-left: 12em;
}
.grid-label-12 .control-label {
	width: 13em;
}
.grid-label-12 .control-input {
	margin-left: 13em;
}
.grid-label-13 .control-label {
	width: 14em;
}
.grid-label-13 .control-input {
	margin-left: 14em;
}
.grid-label-14 .control-label {
	width: 15em;
}
.grid-label-14 .control-input {
	margin-left: 15em;
}
.grid-label-15 .control-label {
	width: 16em;
}
.grid-label-15 .control-input {
	margin-left: 16em;
}
.grid-label-16 .control-label {
	width: 17em;
}
.grid-label-16 .control-input {
	margin-left: 17em;
}
.grid-label-17 .control-label {
	width: 18em;
}
.grid-label-17 .control-input {
	margin-left: 18em;
}
.grid-label-18 .control-label {
	width: 19em;
}
.grid-label-18 .control-input {
	margin-left: 19em;
}
.grid-label-19 .control-label {
	width: 20em;
}
.grid-label-19 .control-input {
	margin-left: 20em;
}
.grid-label-20 .control-label {
	width: 21em;
}
.grid-label-20 .control-input {
	margin-left: 21em;
}
.grid-label-21 .control-label {
	width: 22em;
}
.grid-label-21 .control-input {
	margin-left: 22em;
}
.grid-label-22 .control-label {
	width: 23em;
}
.grid-label-22 .control-input {
	margin-left: 23em;
}
.grid-label-23 .control-label {
	width: 24em;
}
.grid-label-23 .control-input {
	margin-left: 24em;
}
.grid-label-24 .control-label {
	width: 25em;
}
.grid-label-24 .control-input {
	margin-left: 25em;
}
.grid-label-25 .control-label {
	width: 26em;
}
.grid-label-25 .control-input {
	margin-left: 26em;
}
.grid-label-26 .control-label {
	width: 27em;
}
.grid-label-26 .control-input {
	margin-left: 27em;
}
.grid-label-27 .control-label {
	width: 28em;
}
.grid-label-27 .control-input {
	margin-left: 28em;
}
.grid-label-28 .control-label {
	width: 29em;
}
.grid-label-28 .control-input {
	margin-left: 29em;
}
.grid-label-29 .control-label {
	width: 30em;
}
.grid-label-29 .control-input {
	margin-left: 30em;
}
.grid-label-30 .control-label {
	width: 31em;
}
.grid-label-30 .control-input {
	margin-left: 31em;
}
.grid-label-31 .control-label {
	width: 32em;
}
.grid-label-31 .control-input {
	margin-left: 32em;
}
.grid-label-32 .control-label {
	width: 33em;
}
.grid-label-32 .control-input {
	margin-left: 33em;
}
.grid-label-33 .control-label {
	width: 34em;
}
.grid-label-33 .control-input {
	margin-left: 34em;
}
.grid-label-34 .control-label {
	width: 35em;
}
.grid-label-34 .control-input {
	margin-left: 35em;
}
.grid-label-35 .control-label {
	width: 36em;
}
.grid-label-35 .control-input {
	margin-left: 36em;
}
.grid-label-36 .control-label {
	width: 37em;
}
.grid-label-36 .control-input {
	margin-left: 37em;
}
.grid-label-37 .control-label {
	width: 38em;
}
.grid-label-37 .control-input {
	margin-left: 38em;
}
.grid-label-38 .control-label {
	width: 39em;
}
.grid-label-38 .control-input {
	margin-left: 39em;
}
.grid-label-39 .control-label {
	width: 40em;
}
.grid-label-39 .control-input {
	margin-left: 40em;
}
.grid-label-40 .control-label {
	width: 41em;
}
.grid-label-40 .control-input {
	margin-left: 41em;
}

.grid-label-41 .control-label {
	width: 42em;
}
.grid-label-41 .control-input {
	margin-left: 42em;
}
.grid-label-42 .control-label {
	width: 43em;
}
.grid-label-42 .control-input {
	margin-left: 43em;
}
.grid-label-43 .control-label {
	width: 44em;
}
.grid-label-43 .control-input {
	margin-left: 44em;
}
.grid-label-44 .control-label {
	width: 45em;
}
.grid-label-44 .control-input {
	margin-left: 45em;
}
.grid-label-45 .control-label {
	width: 46em;
}
.grid-label-45 .control-input {
	margin-left: 46em;
}
.grid-label-46 .control-label {
	width: 47em;
}
.grid-label-46 .control-input {
	margin-left: 47em;
}
.grid-label-47 .control-label {
	width: 48em;
}
.grid-label-47 .control-input {
	margin-left: 48em;
}
.grid-label-48 .control-label {
	width: 49em;
}
.grid-label-48 .control-input {
	margin-left: 49em;
}
.grid-label-49 .control-label {
	width: 50em;
}
.grid-label-49 .control-input {
	margin-left: 50em;
}
.grid-label-50 .control-label {
	width: 51em;
}
.grid-label-50 .control-input {
	margin-left: 51em;
}
.grid-label-51 .control-label {
	width: 52em;
}
.grid-label-51 .control-input {
	margin-left: 52em;
}
.grid-label-52 .control-label {
	width: 53em;
}
.grid-label-52 .control-input {
	margin-left: 53em;
}
.grid-label-53 .control-label {
	width: 54em;
}
.grid-label-53 .control-input {
	margin-left: 54em;
}
.grid-label-54 .control-label {
	width: 55em;
}
.grid-label-54 .control-input {
	margin-left: 55em;
}
.grid-label-55 .control-label {
	width: 56em;
}
.grid-label-55 .control-input {
	margin-left: 56em;
}
/* end (label的长度动态变化) */
/* textareaAssess评估题型 begin */
.qaCard-textareaAssess:after {
	display: table;
	content: "";
	clear: both;
}
.qaCard-textareaAssess textarea,
.qaCard-textareaAssess p {
	float: left;
	width: calc(100% - 110px);
}
.qaCard-textareaAssess .btn-Assess {
	float: right;
	background: #26C7DB;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	font-size: 14px;
	width: 100px;
	height: 66px;
	line-height: 66px;
	opacity: .8;
	cursor: not-allowed;
}
.qaCard-textareaAssess .btn-Assess.clickable{
	opacity: 1;
	cursor: pointer;
}
/* 高危评估问卷样式 */
.assessModal .modal-body{
	max-height: 650px;
    overflow-y: auto;
}
.asCard {
	margin-bottom: 0.8em;
	padding-bottom: 0.8em;
    border-bottom: 1px dotted #ab96ab;
}
.asCard:last-child {
	border-bottom:none;
}
.asCard-subtit {
	margin-bottom: 0.3em;
    font-weight: bold;
    font-size: 1em;
    color: #584866;
}
.asCard-list > div {
	float: left;
	width: 33.3%;
    padding:0 15px;
    color: #614e61;
}
.asCard-list > div > div.pull-left {
	width: 85%;
}
.asCard-list > div > div.pull-right {
	width: 15%;
    margin-top: 2px;
    text-align: right;
}
.asCard-list > div > div label {
	font-weight: normal;
}
/* Alberta婴幼儿运动量评估问卷样式 */
.asCard-aims-tab {
	margin-bottom: 0.6em;
    padding: 9px;
    background: #fff;
    box-shadow: 0 1px 3px #dbdbdb;
    overflow: hidden;
}
.asCard-aims-tab > div {
    float:left;
    padding:6px 8px;
    margin-right:0.8em;
    background:#cfccc8;
    color:white;
    cursor:pointer;
}
.asCard-aims-tab > div.checked {
    background:#ffbf42;
    color:#fff;
}
.asCard-aims-tab > div.checking {
    background:#27cce3;
    color:#fff;
}
.asCard-aims {
    position: relative;
    float: left;
    width: 24.4%;
    height: 190px;
    padding: 6px 8px;
    margin-right: 0.8%;
    margin-bottom: 0.6em;
    box-sizing: border-box;
    box-shadow: 0 1px 3px #dbdbdb;
    background-color: #fff;
    color: #a894a8;
    cursor: pointer;
}
.asCard-aims:nth-child(4n) {
	margin-right: 0;
}
.asCard-aims.active {
    background:#9a92f0;
    color:#fff;
}
.asCard-aims-name {
    margin-bottom: 5px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #705070;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
}
.asCard-aims.active .asCard-aims-name {
    border-color:#fff;
}
.asCard-aims-pic{
    margin:0 auto;
    width:110px;
    height:85px;
}
.asCard-aims-pic img{
    width:100%;
    height:100%;
}
.asCard-aims-symbol{
    position:absolute;
    bottom:6px;
    right:8px;
}
/* end textareaAssess评估题型 */
/* checkboxWithInput 题型 */
.qaCard-checkboxWithInput .control-input.checkbox,
.qaCard-radioWithInput .control-input.radio {
	padding-top:0px; 
}
.qaCard-checkboxWithInput label.checkbox-inline,
.qaCard-radioWithInput label.radio-inline {
	margin-top:7px;
	vertical-align: top;
}  
.qaCard-checkboxWithInput .qaCard-checkboxWithInput-input,
.qaCard-radioWithInput .qaCard-radioWithInput-input {
	display: inline-block;
	margin-left: 10px;
}
/* qaCard-pictures 题型 */
.qaCard-pictures .picture {
	position: relative;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 100px;
	height: 100px;
	border: solid 1px #ddd;
	cursor: pointer;
}
.qaCard-pictures .picture .picture-del-box {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	background: rgba(0,0,0,.5);
	color: #fff;
	cursor: default;
	text-align: right;
}
.qaCard-pictures .picture .picture-del-box .picture-del {
	line-height: 16px;
	cursor: pointer;
}
.qaCard-pictures .picture .picture-del-box .picture-del > i {
	font-size: 16px;
	padding-right: 5px;
}
.PhotoZoomProModal .modal-body {
	overflow: auto;
	text-align: center;
}
.PhotoZoomProModal .modal-body img {
	width: 100%;
}
.qaCard-pictures .qaCard-uploadBtn {
	float: left;
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.qaCard-pictures .qaCard-uploadBtn .uploadBtnBg {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #3BB4C0;
	border-radius: 8px;
	border: dotted 1px #3BB4C0
}
.qaCard-pictures .qaCard-uploadBtn .uploadBtnBg i {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 30px;
	display: block;
}
.qaCard-pictures .qaCard-uploadBtn .uploadBtnBg span {
	font-size: 12px;
}
.qaCard-pictures .qaCard-uploadBtn input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.qaCard-pictures .qaCard-uploadBtn input[type="file"].disabled {
	cursor: not-allowed;
}
/* 图片上传中的提示 */
.qaCard-pictures .picture .progress-pic {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 14px;
	line-height: 14px;
	background: rgba(0,0,0,.7);
}
.qaCard-pictures .picture .progress-pic > div {
	background: #168c96;
	height: 100%;
	width: 0;
	color: #fff;
	text-align: center;
}
/* end qaCard-pictures 题型 */
/* qaCard-imageProcessing begin */
.qaCard-imageProcessing .qaCard-imageBox {
	float: left;
}
.qaCard-imageProcessing .qaCard-imageBox .picture {
	position: relative;
	float: left;
	margin-right: 5px;
	width: 100px;
	height: 100px;
	border: solid 1px #ddd;
}
.qaCard-imageProcessing .qaCard-imageBox .picture > div.picture-box {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	background: rgba(0,0,0,.5);
	color: #fff;
}
.qaCard-imageProcessing .qaCard-imageBox .picture > div.picture-box > span {
	display: block;
	float: right;
	width: 50%;
	line-height: 15px;
	text-align: center;
	cursor: pointer;
}
.qaCard-imageProcessing .qaCard-imageBox .picture > div.picture-box > span > i {
	display: block;
	font-size: 13px;
}
/* 图片上传中的提示 */
.qaCard-imageProcessing .qaCard-imageBox .picture .progress-pic {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 14px;
	line-height: 14px;
	background: rgba(0,0,0,.7);
}
.qaCard-imageProcessing .qaCard-imageBox .picture .progress-pic > div {
	background: #168c96;
	height: 100%;
	width: 0;
	color: #fff;
	text-align: center;
}
/* end 图片上传中的提示 */
.qaCard-imageProcessing .imageProcessing-addBtn {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	color: #3BB4C0;
	border-radius: 8px;
	border: dotted 1px #3BB4C0;
	cursor: pointer;
}
.imageProcessing-addBtn i {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 35px;
	display: block;
}
.imageProcessing-addBtn span {
	font-size: 12px;
}
/* 编辑 */
.work-space-wrap {
	float: left;
	width: 78%;
}
.work-space-wrap .work-space {
	margin-bottom: 10px;
	width: 100%;
	height: 340px;
	background: #6D6D6D;
}
.work-space .pic {
	width: 100%;
	height: 318px;
}
.work-space .pic .canvas-box {
	overflow: hidden;
	position: relative;
}
/* 标记 */
.work-space .pic .canvas-box .mark-box {
	position: absolute;
}
.work-space .pic .canvas-box .mark-num {
	position: absolute;
	top: -10px;
	left: 5px;
	padding: 0 5px;
	font-weight: bold;
}
.work-space .pic .canvas-box .mark-box.mark-box-rectangle {
	border-radius: 0;
}
.work-space .pic .canvas-box .mark-box.mark-box-oval {
	border-radius: 50%;
}
/* 裁剪 */
.work-space .pic .canvas-box .cut-box {
	position: absolute;
	border: solid 1px #fff;
	background: rgba(255,255,255,.3);
}
.cut-box > span {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
}
.cut-box > span:nth-child(1) {
    top: -4px;
    left: 50%;
    margin-left: -4px;
    cursor: n-resize;
}
.cut-box > span:nth-child(2) {
    top: 50%;
    right: -4px;
    margin-top: -4px;
    cursor: e-resize;
}
.cut-box > span:nth-child(3) {
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    cursor: s-resize;
}
.cut-box > span:nth-child(4) {
    top: 50%;
    left: -4px;
    margin-top: -4px;
    cursor: w-resize;
}
.cut-box > span:nth-child(5) {
    top: -4px;
    left: -4px;
    cursor: nw-resize;
}
.cut-box > span:nth-child(6) {
    top: -4px;
    right: -4px;
    cursor: ne-resize;
}
.cut-box > span:nth-child(7) {
    bottom: -4px;
    right: -4px;
    cursor: se-resize;
}
.cut-box > span:nth-child(8) {
    bottom: -4px;
    left: -4px;
    cursor: sw-resize;
}
.cut-box > div {
    position: absolute;
    bottom: -40px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    background: #fff;
    border-radius: 5px;
    color: #119BA9;
    text-align: center;
    cursor: pointer;
}
#cancelDiv {
    right: 60px;
}
#finishDiv {
    right: 0;
}
.work-space .pic-info {
	width: 100%;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #ccc;
	border-top: solid 1px #7A7A7A;
}
.work-space .pic-info span {
	display: inline-block;
	height: 100%;
}
.work-space .pic-info span.pic-info-percent {
	padding: 0 10px;
	border-right: solid 1px #7A7A7A; 
}
.work-space .pic-info span.pic-info-name {
	padding-left: 10px;
}
.work-space-wrap .work-space-mark {
	width: 100%;
	min-height: 94px;
	background: #E3E5E5;
}
.work-space-wrap .work-space-mark .qaCard-subtit{
	margin:0;
}
.mark-describe-tit {
	border-bottom: solid 1px #bbb;
}
.mark-describe-tit > ul {
	margin-bottom: -2px;
	padding-left: 0;
}
.mark-describe-tit > ul > li {
	float: left;
	padding: 3px 25px;
	border-right: solid 1px #bbb;
	cursor: pointer;
}
.mark-describe-tit > ul > li.active {
	color: #119BA9;
	border-bottom: solid 2px #119BA9;
}
.mark-describe-con {
	padding: 10px;
}
.mark-describe-con form.hide{
	display: none;
}
/* 工具栏 */
.toolbar-wrap {
	float: right;
	width: 21%;
	padding-top: 7px;
	font-size: 12px;
}
/* 标记工具 */
.toolbar-wrap .mark-toolbar {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #ddd;
}
.toolbar-wrap .mark-toolbar:before {
	content: "标注工具";
	position: absolute;
	top: -7px;
	left: 13px;
	padding: 0 3px;
	line-height: 1;
    color: #bbb;
    background: #fff;
}
.mark-toolbar-shape {
	margin-bottom: 5px;
}
.mark-toolbar-shape .tit {
	height: 24px;
	line-height: 24px;
}
.mark-toolbar-shape .con span {
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom:3px;
	padding:0 3px;
	/* width: 30%; */
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	background: #AAB1B1;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.mark-toolbar-shape .con span:nth-child(3n) {
	margin-right: 0;
}
.mark-toolbar-shape .con span:hover {
	background: #999;
}
.mark-toolbar-shape .con span.active {
	background: #666;
}
.mark-toolbar-shape .con span i {
	display:inline-block;
	margin-right:3px;
	width:10px;
	height:8px;
	border:1px solid #fff;
}
.mark-toolbar-shape .con span i.icon-rectangle {
	
}
.mark-toolbar-shape .con span i.icon-oval {
	border-radius:50%;
	border:1px solid #fff;
}
.mark-toolbar-shape .con span i.icon-angle {
	
}
.mark-toolbar-color .tit,
.mark-toolbar-lineWidth .tit,
.mark-toolbar-color .con,
.mark-toolbar-lineWidth .con {
	float: left;
	height: 30px;
	line-height: 30px;
}
.mark-toolbar-color .tit {
	width: 3em;
}
.mark-toolbar-color .con {
	width: calc(100% - 3em);
}
.mark-toolbar-lineWidth .tit {
	width: 5em;
}
.mark-toolbar-lineWidth .con {
	width: calc(100% - 5em);
	padding-top: 5px;
}
.mark-toolbar-color .con input[type="color"] {
	width: 100%;
}
.mark-toolbar-lineWidth .con input[type="range"] {
	width: 100%;
}
.del-mark-wrap {
	margin-top: 5px;
}
.del-mark-wrap > div {
	display: block;
	width: 49%;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	background: #AAB1B1;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.del-mark-wrap > div:hover {
	background: #999;
}
.del-mark-wrap > div:focus {
	background: #666;
}
.del-mark {
	float: left;
}
.empty-mark {
	float: right;
}
/* 其他工具 */
.toolbar-wrap .other-toolbar {
	position: relative;
	margin-bottom: 15px;
	padding: 15px 10px 5px;
	border: solid 1px #ddd;
}
.toolbar-wrap .other-toolbar:before {
	content: "其他工具";
	position: absolute;
	top: -7px;
	left: 13px;
	padding: 0 3px;
	line-height: 1;
    color: #bbb;
    background: #fff;
}
.toolbar-wrap .other-toolbar span {
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #AAB1B1;
	color: #fff;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}
.toolbar-wrap .other-toolbar span:nth-child(4n) {
	margin-right: 0;
}
.toolbar-wrap .other-toolbar span:hover {
	background: #666;
}
.btn-imageProcessing > div {
	width: 78px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background: #8FF2F2;
	color: #67A3CD;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
/* 添加图片 */
.add-imageProcessing .form-horizontal {
	margin-bottom: 15px;
	border-bottom: solid 1px #ccc;
}
.add-imageProcessing .col-sm-2 {
	width: 10%;
	padding-right: 0;
}
.add-imageProcessing .col-sm-10 {
	width: 90%;
	min-height:34px;
}
.add-imageProcessing .col-sm-5 {
	width: 45%;
}
.add-imageProcessing .control-label {
	font-weight: normal;
}
.add-imageProcessing .form-control-static span + span {
	padding-left: 30px;
}
.add-imageProcessing .form-control-static span font {
	padding-left: 15px;
}
.add-imageProcessing .radio label,
.add-imageProcessing .checkbox label {
	padding-bottom: 7px;
	padding-right: 5px;
}
.add-imageProcessing input[type='date'] {
	width: 170px;
	display: inline-block;
}
.add-imageProcessing input[type='checkbox'] {
	position:absolute;
	margin-left:-20px;
	border-radius: :50%;
}
.add-imageProcessing i {
	color: #999;
}
.add-imageProcessing .btn {
	margin-left: 10px;
}
.add-imageProcessing .form-group .btn {
	width: 100px;
	border-color: #71D1D1;
	background: #71D1D1;
	color: #fff;
}
.add-imageProcessing .manul-label{
	margin-left:20px;
}
.add-imageProcessing-manualUpload {
	position: relative;
}
.add-imageProcessing-manualUpload input[type='file'] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}
.add-imageProcessing-imageBox {
	background: #6D6D6D;
	padding: 15px 10px 0;
	margin-bottom:5px;
	width: 100%;
	/* min-height: 380px; */
}
.add-imageProcessing-imageBox-null {
	padding: 60px 0;
	text-align: center;
}
.add-imageProcessing-imageBox-null > i {
	font-size: 48px;
	line-height: 1;
	color: #A5A5A5;
}
.add-imageProcessing-imageBox-null > p {
	margin-top: 10px;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}
.add-imageProcessing-imageBox > ul {
	margin-bottom: 0;
	padding-left: 0;
	width: 100%;
}
.add-imageProcessing-imageBox > ul > li {
	position: relative;
	float: left;
	width: 25%;
	padding: 0 10px 10px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
.add-imageProcessing-imageBox > ul > li > img {
	display: block;
	margin-bottom: 3px;
	width: 100%;
	height: 100px;
}
.add-imageProcessing-imageBox > ul > li > span.addImg_checked {
	position:absolute;
	left:50%;
	top:50px;
	/* margin:0 10px; */
	margin-left:-15px;
	margin-top:-15px;
	/* padding-top:35px; */
	width:30px;
	height:30px;
	text-align:center;
	background: rgba(0,0,0,0.5);
}
.add-imageProcessing-imageBox > ul > li > span.addImg_checked.addImg_checked_hide{
	display:none;
}
.add-imageProcessing-imageBox > ul > li > span.addImg_checked i{
	font-size:30px;
	color:#71d1d1;
}
/* end qaCard-imageProcessing 题型 */
/* question_tableInput begin */
.qaCard-tableInput table tr th,
.qaCard-tableInput table tr td {
	text-align: center;
	vertical-align: middle;
}
.qaCard-tableInput table tr td.qaCard-table-input input[type='text'] {
	width: 100%;
	min-height: 33px;
	height: 33px;
	line-height: 17px;
	text-align: center;
	border: none;
}
.qaCard-tableInput table tr td.qaCard-table-input {
	padding: 0;
}
/* end question_eyeCheckItem */
/* question_sudoku begin (九宫格题型) */
.sudoku {
	position: relative;
}
.sudoku-input {
	position: relative;
}
.sudoku-input > input.form-control {
	padding-right: 44px;
}
.sudoku-dropdown-toggle {
	position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-left: solid 1px #ccc;
}
.sudoku-dropdown-toggle.readonly {
    border-left: solid 1px #eee;
}
.sudoku-dropdown-toggle.clickable {
	cursor: pointer;
}
.sudoku-dropdown {
	display: none;
	z-index: 1;
	position: absolute;
	margin-bottom: 0;
	padding-left: 0;
	width: 100%;
	background: #fff;
	border-left: solid 1px #ccc;
}
.sudoku-dropdown > li {
	float: left;
	width: 33.333333%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.sudoku-dropdown > li.clickable {
	cursor: pointer;
}
.sudoku-dropdown > li.clickable:hover,
.sudoku-dropdown > li.clickable.active {
	color: #fff;
	background: #337ab7;
}
/* end question_sudoku */
/* question_geneFusion begin */
.qaCard-geneFusion {
	float: left;
	padding-left: 0;
	padding-right: 0;
}
.qaCard-geneFusion-offline {
	margin-bottom: 10px;
	text-align: center;
	color: #999;
}
.qaCard-geneFusion > .qaCard > .control-input > .form-control {
	width: calc(50% - 2px);
}
.qaCard-geneFusion > .qaCard > .control-input > select.form-control {
	float: left;
}
.qaCard-geneFusion > .qaCard > .control-input > input.form-control {
	float: right;
}
.geneFusion-manager-btn {
	margin-left: 15px;
    margin-bottom: 10px;
	float: left;
	padding: 0 8px;
	line-height: 34px;
	border: dashed 1px #aaa;
	border-radius: 5px;
	color: #4f6e7e;
	cursor: pointer;
}
.geneFusion-manager-btn i {
	font-weight: bold;
}

.geneFusionModal .modal-body{
	padding: 0;
}
.projectItem-box ul {
	margin-bottom: 0;
	padding-left: 0;
}
.projectItem-box ul li {
	line-height: 36px;
	border-bottom: dashed 1px #ddd;
	padding: 0 15px;
}
.projectItem-box ul li:last-child {
	border-bottom: none;
}
.projectItem-box ul li span {
	float: left;
}
.projectItem-box ul li i {
	float: right;
	font-size: 16px;
}
.projectItem-box ul li i.projectItem-show {
	padding: 9px;
}
.projectItem-box ul li i.projectItem-del {
	padding: 10px;
}

.add-projectItem-wrap {
	padding: 5px 10px 20px;
}
.add-projectItem-btn {
	border: dashed 1px #bbb;
	border-radius: 5px;
	line-height: 28px;
	color: #4f6e7e;
	text-align: center;
	font-size:12px;
	cursor: pointer;
}
.add-projectItem-form {
	display: none;
	text-align: center;
}
.add-projectItem-form input.form-control {
	margin-bottom: 10px;
}
.add-projectItem-form div.btn {
	width: 100%;
}
/* end question_geneFusion */
/* question_sudokuPictures begin */
.qaCard-sudokuPictures {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.qaCard-sudokuPic-box > .qaCard-sudokuPictures:nth-child(3n+4){
	clear: left;
}
.qaCard-sudokuPictures .picture {
	position: relative;
	width: 100px;
	height: 100px;
	border: solid 1px #ddd;
	cursor: pointer;
}
.qaCard-sudokuPictures .picture .picture-del-box {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	background: rgba(0,0,0,.5);
	color: #fff;
	cursor: default;
	text-align: right;
}
.qaCard-sudokuPictures .picture .picture-del-box .picture-del {
	line-height: 16px;
	cursor: pointer;
}
.qaCard-sudokuPictures .picture .picture-del-box .picture-del > i {
	font-size: 16px;
	padding-right: 5px;
}
.qaCard-sudokuPictures .upload {
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.qaCard-sudokuPictures .upload .upload-bg {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #3BB4C0;
	border-radius: 8px;
	border: dotted 1px #3BB4C0
}
.qaCard-sudokuPictures .upload .upload-bg i {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 30px;
	display: block;
}
.qaCard-sudokuPictures .upload .upload-bg span {
	font-size: 12px;
}
.qaCard-sudokuPictures .upload input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.qaCard-sudokuPictures .upload input[type="file"].disabled {
	cursor: not-allowed;
}
/* 图片上传中的提示 */
.qaCard-sudokuPictures .picture .progress-pic {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 14px;
	line-height: 14px;
	background: rgba(0,0,0,.7);
}
.qaCard-sudokuPictures .picture .progress-pic > div {
	background: #168c96;
	height: 100%;
	width: 0;
	color: #fff;
	text-align: center;
}
/* end question_sudokuPictures */